import styled from 'styled-components';
import { DISABLED_COLOR, PRIMARY_COLOR, SPACE } from '@/constants/themeConstant.js';

export const TableView = styled.div`
  display: flex;
  flex-direction: column;
  gap: ${SPACE}px;
  height: 100%;
  overflow: hidden;

  .table-header {
    display: flex;
    justify-content: space-between;
    font-size: 16px;

    & > .table-header-title {
    }

    & > .table-header-toolbar {
      .anticon {
        cursor: pointer;

        &:hover {
          color: ${PRIMARY_COLOR};
        }
      }

      .disabled {
        color: ${DISABLED_COLOR};
        cursor: not-allowed;

        &:hover {
          color: ${DISABLED_COLOR};
        }
      }
    }
  }
  }
`;
